<template>
    <h1>这是关于页面</h1>
    {{x}}, {{y}}

    <div>
        <h1 @click="add">{{ count }}</h1>
    </div>
</template>

<script setup>
import { ref, computed } from "vue";

import {useMouse} from '../utils/mouse'

let {x,y} = useMouse()

// 点按 h5 tag 增加1
// 响应式数据
let count = ref(1)
let color = ref('')
function add() {
    count.value++
    color.value = Math.random()>0.5? "blue":"red"
}

</script>


<style scoped>
h1 {
  color:v-bind(color);
}

</style>>